<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Gafim Corp</title>
<link rel="stylesheet" type="text/css" href="css/gafim.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
</head>

<body>
    <div id="wrapper">
        <header>
        	<div class="inner-header">
            	<div class="icon-top">
                	<a href="index.html"><img src="images/gafim-top-icon.png" alt="gafim-top" /></a>
                </div><!--End Icon-top-->
                
                <div class="search">
                    <table style="float:right" width="320" border="0">
                      <tr>
                        <td width="181" height="41"><input type="text" placeholder="Tìm kiếm ... " /></td>
                        <td width="73">
                        <a href="#">English &nbsp;<img src="images/bullet-top.png" alt="bullet-top" />
                        </a></td>
                        <td width="32"><a href="#"><img src="images/top-folder.png" alt="top-folder" /></a></td>
                      </tr>
                    </table>
                </div><!--End Search-->
            </div><!--End Inner-header-->
        </header><!--End Header-->
        
        <section>
        	<div class="left">
            	<a href="index.html"><img src="images/logo.png" alt="logo" /></a>
                <a href="#"><img class="link1" src="images/link.png" alt="link1" /></a>
                <a href="#"><img class="link2" src="images/link2.png" alt="link2" /></a>
                <a href="#"><img class="link3" src="images/link3.png" alt="link3" /></a>
                <a href="#"><img class="link4" src="images/link4.png" alt="link4" /></a>
                <a href="#"><img class="link5" src="images/link5.png" alt="link5" /></a>              
            </div><!--End Left-->
            
            <div class="right">
            	<a href="#"><img style="margin-top:50px;" src="images/title.jpg" alt="am nhac dan gian" /></a>
                <div class="box-intro">
                	<div class="title"><img src="images/icon-gafim.png" alt="icon-gafim" /><h3>GIỚI THIỆU CHUNG</h3></div>
                    <hr />
                    <p>
                    	Nhóm website Âm Nhạc Dân Gian thuộc mạng văn hóa Gafim Culture, gồm hệ thống website giới thiệu và quảng bá âm nhạc dân gian Việt Nam, giúp truyền thông cho các tác phẩm và nghệ sĩ âm nhạc dân gian, hướng tới sứ mệnh bảo tồn, nuôi dưỡng và phát triển bền vững nền âm nhạc truyền thống của dân tộc. 
                    </p>
                </div>
                <div class="box-event">
                	<a href="#">
                    	<img src="images/bullet-slider.png" alt="bullet1" />
                    	<img src="images/bullet-slider2.png" alt="bullet2" />
                        <img src="images/bullet-slider2.png" alt="bullet2" />
                        <img src="images/bullet-slider2.png" alt="bullet2" />
                    </a>   
                    <div class="box-event-inner">
                 		<div class="title-event">
                        	<h2><a href="#">ĐÃ RA MẮT</a></h2>
                            <h3><a href="#">SẮP RA MẮT</a></h3>
                        </div> 	
                        <div class="daramat">
                        	<div style="margin-top:10px;" class="box-1">
                            <img src="images/img1.jpg" style="margin-right:15px" align="left" alt="img1" />
                                <h3>Ca trù</h3>
                                <h4><a href="#">http://www.catru.com</a></h4>
                                <h4>Ngày ra mắt : 20/08/2013</h4>
                            </div>
                            
                            <div class="box-1">
                            <img src="images/img2.jpg" style="margin-right:15px" align="left" alt="img1" />
                                <h3>Chèo</h3>
                                <h4><a href="#">http://www.cheo.com</a></h4>
                                <h4>Ngày ra mắt : 20/08/2013</h4>
                            </div>
                            
                            
                            <div class="box-1">
                            <img src="images/img3.jpg" style="margin-right:15px" align="left" alt="img1" />
                                <h3>Dân ca quan họ</h3>
                                <h4><a href="#">http://www.dancaquanho.com</a></h4>
                                <h4>Ngày ra mắt : 20/08/2013</h4>
                            </div>
                            
                             <div class="box-1">
                            <img src="images/img4.jpg" style="margin-right:15px" align="left" alt="img1" />
                                <h3>...................................</h3>
                                <h4><a href="#">http://www...............</a>.</h4>
                                <h4>Ngày ra mắt : ../../....</h4>
                            </div>
                            
                            <div style="border-bottom:none" class="box-1">
                            <img src="images/img4.jpg" style="margin-right:15px" align="left" alt="img1" />
                                <h3>...................................</h3>
                                <h4><a href="#">http://www...............</a>.</h4>
                                <h4>Ngày ra mắt : ../../....</h4>
                            </div>
                        </div>
                    </div>   
                    <div class="icon-social">
                    	<a href="#"><img src="images/icon-youtobe.png" alt="youtobe" /></a>
                        <a href="#"><img src="images/icon-facebook.png" alt="facebook" /></a>
                        <a href="#"><img src="images/icon-flick.png" alt="flick" /></a>
                        <a href="#"><img src="images/icon-twitter.png" alt="twitter" /></a>
                        <a href="#"><img src="images/icon-rss.png" alt="rss" /></a>
                    </div>   
                </div><!--End Box-event-->
            </div><!--End Right-->
        </section><!--End Section-->
        
        <footer>
        	<div class="inner-footer">
            	<h2>Thiết kế và lập trình bởi <a href="#">Gafim</a></h2>
                <h3>Hiển thị tốt nhất với <a href="#">IE 9+</a> | <a href="#">Firefox 3.6+</a> | <a href="#">Chrome 3+</a> | <a href="#">Safari 3+</a> | <a href="#">Opera 11.64+</a> </h3>
            </div><!--End Inner-footer-->
        </footer><!--End Footer-->
    </div><!--End Wrapper-->
</body>
</html>
